<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/header.css"/>
    <link rel="stylesheet" href="css/stu_myinfo.css"/>

    <title>tea_info</title>
</head>
<body>
<div class="header">
    <div id="logo">
        <div id="logo_left">
            <img src="img/pencil.png" id="logo_img">
            <img src="img/迷彩学堂.png" alt="" id="micai">
        </div>
        <div id="logo_right">
            <div id="logo_split"></div>
            <div>
                <div class="slogan">褪下迷彩回归社会</div>
                <div class="slogan">不忘气血奔赴学堂</div>
            </div>
        </div>
    </div>
    <div id="navigation">
    <span class="navigation_contain">
          <a href="#">首页</a>
    </span>
        <span class="navigation_contain">
          <a href="#">找学员</a>
    </span>
        <span class="navigation_contain">
          <a href="#">资料库</a>
    </span>
        <span class="navigation_contain">
          <a href="#">在线考试</a>
    </span>
        <span class="navigation_contain">
          <a href="#">课程安排</a>
    </span>
        <span class="navigation_contain">
          <a href="#" class="active">个人</a>
          <img src="img/userlogo.png" id="user_logo"></img>
    </span>

    </div>
</div>
<div class="located">当前位置：首页 > 个人主页</div>
<div class="container">
    <div class="up">
        <img src="img/tea_head.png" width="100px">
        <span class="up_info">
            <div class="tea_name">
                <span>陈小麦</span>
                <span class="isVertify">已认证</span>
            </div>
            <div class="motto">座右铭:&nbsp;<span>活到老，学到老</span></div>
        </span>
    </div>
    <div class="down">
        <div class="basic_info">
            <div>基础信息</div>

            <div class="line">
                <span>性别:&nbsp;<span>男</span></span>
                <span>年龄:&nbsp;<span>27</span></span>
            </div>

            <div class="line">
                <span>专业:&nbsp;&nbsp;<span>广州市技师学院电子商务</span></span>
                <span>学位:&nbsp;&nbsp;<span>硕士</span></span>
                <span>职位:&nbsp;&nbsp;<span>在校生</span></span>
            </div>

            <div class="line">简介:</div>
            <div class="introduce">
                吃苦耐劳，基础扎实
            </div>
            <div>获得称号</div>
            <div class="title_icon">
                <img src="img/champion.png" alt=""><span>金牌教员</span>
                <img src="img/queen.png" alt=""><span>百分好评</span>
                <img src="img/diamond.png" alt=""><span>辅导达人</span>
            </div>
            <div class="openedClass">
                <div>开设课程</div>
                <div class="class_card">
                    <div class="class_name">《基础会计学》</div>
                    <div class="sort">类型:&nbsp;<span>基础课</span></div>
                    <div class="price">价格:&nbsp;<span>￥150/h</span></div>
                    <div class="more">...</div>
                </div>
                <div class="class_card">
                    <div class="class_name">《基础会计学》</div>
                    <div class="sort">类型:&nbsp;<span>基础课</span></div>
                    <div class="price">价格:&nbsp;<span>￥150/h</span></div>
                    <div class="more">...</div>
                </div>
                <div class="class_card">
                    <div class="class_name">《基础会计学》</div>
                    <div class="sort">类型:&nbsp;<span>基础课</span></div>
                    <div class="price">价格:&nbsp;<span>￥150/h</span></div>
                    <div class="more">...</div>
                </div>
            </div>
            <div class="footer">
                <div>委托档期
                    <span class="circle circle1"></span><span>空闲</span>
                    <span class="circle circle2"></span><span>忙碌</span>
                    <span class="circle circle3"></span><span>未设置</span>
                    <span><a href="#">》</a></span>
                </div>
                <div class="month_work">
                    <div>
                        一月
                        <div class="work_line"></div>
                    </div>
                    <div>二月
                        <div class="work_line"></div>
                    </div>
                    <div>三月
                        <div class="work_line"></div>
                    </div>
                    <div>四月
                        <div class="work_line"></div>
                    </div>
                    <div>五月
                        <div class="work_line"></div>
                    </div>
                    <div>六月
                        <div class="work_line"></div>
                    </div>
                    <div>七月
                        <div class="work_line"></div>
                    </div>
                    <div>八月
                        <div class="work_line"></div>
                    </div>
                    <div>九月
                        <div class="work_line"></div>
                    </div>
                    <div>十月
                        <div class="work_line"></div>
                    </div>
                    <div>十一月
                        <div class="work_line"></div>
                    </div>
                    <div>十二月
                        <div class="work_line"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="nav">
    <div>基本信息</div>
    <div>账号管理</div>
    <div>认证管理</div>
</div>
</body>
</html>